<template>
	
</template>

<script>
	export default {
		props: {
			
		},
		data(e) {
			return {
				
        
			};
		},
		created() {
			
		},
		methods: {
			
		}
	};
</script>

<style scoped lang="scss">
	.footer{
    width: 600rpx; padding: 0 5%;
    height: 100rpx; position: fixed; z-index: 999; left: 50%; bottom: 67rpx; transform: translateX(-50%);
    background: #ffffff;
    border-radius: 50rpx;
    box-shadow: -4rpx 0px 20rpx 4rpx rgba(19,112,97,0.30); 
    .item{
      text-align: center; font-size: 20rpx; color: #999; box-sizing: border-box; width: calc( (90% - 140rpx)/4 );
      .icon{width: 42rpx; height: 42rpx; display: block; margin: 0 auto;}
      &.on{color: #05B196;}
    }
    .item2{
      width: 116rpx;
      .icon{width: 116rpx; height: 116rpx; position: relative; top: -4rpx;}
    }
  }
</style>
